.my{
   
    background:url('https://hbimg.b0.upaiyun.com/52fedf58f75cca59a2e7d28508a1d601f33b99a022b3-aMy8Fp_fw658');
    height: 100%;
    .header{
        border-bottom: 2px solid rgba(255, 51, 0, 0.877);
        background-color: white;
        .iconfont{
            font-size: 20px;
        }
    }
    .top{
        display: flex;
        align-items: center;
        padding: 10px 20px;
        .img{
            width: 30%;
            height: 60px;
            img{
                border-radius: 50%;
                width: 100%;
            }
        }
        .text{
            width: 35%;
            margin-left: 10px;
            font-size: 14px;
        }
        .login{
             width: 38%;
            color: blue;
            font-size: 14px;
            margin-left: 45%;
        }
    }
    .my_main{
        .main-nav{
            display: flex;
            justify-content: space-around;
            align-items: center;
            height: 80px;
            margin: 10px;
            background-color: white;
            border-radius: 10px;
            .nav-item{
                display: flex;
                flex-direction: column;
                align-items: center;
                width: 25%;
           
                .iconfont{
                    font-size: 25px;
                }
                .navlist_text{
                    font-size: 14px;
                    margin-top: 5px;
                }
            }
        }
    }
    .adm-list{
        margin: 10px;
        background-color: white;
    }

}